<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
    <!-- 引入 echarts.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 100%;height:100%;">
    用户数据
    文章数据
    文章top
</div>
<script type="text/javascript">
    // $(document).ready(function(){
    //     // 基于准备好的dom，初始化echarts实例
    //     var myChart = echarts.init(document.getElementById('main'));
    //     //数据加载完之前先显示一段简单的loading动画
    //     myChart.showLoading();
    //     var names=[];    //横坐标数组（实际用来盛放X轴坐标值）
    //     var values=[];    //纵坐标数组（实际用来盛放Y坐标值）
    //     $.ajax({
    //         type : "post",
    //         async : true,            //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）
    //         url : "/show",    //请求发送到dataActiont处
    //         data : {},
    //         dataType : "json",        //返回数据形式为json
    //         success : function(result) {
    //             //请求成功时执行该函数内容，result即为服务器返回的json对象
    //             if (result) {
    //                 for(var i=0;i<result.length;i++){
    //                     names.push(result[i].username);
    //                     values.push(result[i].age);
    //                 }
    //                 myChart.hideLoading();    //隐藏加载动画
    //                 myChart.setOption({
    //                     //加载数据图表
    //                     title:{
    //                         text: '用户年龄统计图'
    //                     },
    //                     tooltip: {},
    //                     legend: {
    //                         data:['用户年龄']
    //                     },
    //                     xAxis: {
    //                         data: names,
    //                         axisLabel:{
    //                             interval: 0
    //                         }
    //
    //                     },
    //                     yAxis: {
    //                         type: 'value'
    //                     },
    //                     series: [{
    //                         // 根据名字对应到相应的系列
    //                         name: '用户年龄',
    //                         type: 'line',
    //                         data: values
    //                     }]
    //                 });
    //             }
    //         },
    //         error : function(errorMsg) {
    //             //请求失败时执行该函数
    //             alert("图表请求数据失败!");
    //             myChart.hideLoading();
    //         }
    //     });//end ajax
    // });


</script>
</body>
</html>